<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>联系我们 · 拓观</title>
    <meta content="" name="description" />
    <meta content="" name="keywords" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" href="../assets/css/public.css" />
    <link rel="stylesheet" href="../assets/css/contacts.css" />
    <!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> -->
</head>

<body>
    <div data-header="sticky" data-header-top="200" class="contact layout-theme animated-css">
        <!-------------------------- 导航条 Start -------------------------->
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="../index.html">
                        <img src="../images/logo_mod-a.png" alt="拓观设计 联系我们">
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse pull-right" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class=""><a href="../index.html">首页 <span class="sr-only">(current)</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">拓观故事 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="introduce.html">拓观介绍</a></li>
                                <li><a href="framework.html">拓观框架</a></li>
                                <li><a href="team.html">团队主创</a></li>
                                <li><a href="honor.html">拓观荣誉</a></li>
                                <li><a href="customer.html">拓观客户</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">拓观作品 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="project.html?type=1">精品住宅</a></li>
                                <li><a href="project.html?type=2">商业办公</a></li>
                                <li><a href="project.html?type=3">产业园区</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">拓观文化 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="activity.html?type=1">学术</a></li>
                                <li><a href="activity.html?type=2">媒体</a></li>
                                <li><a href="activity.html?type=3">活动</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">招聘·联络 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="value.html">价值分享</a></li>
                                <li><a href="invite.html?type=1">校园招聘</a></li>
                                <li><a href="invite.html?type=2">社会招聘</a></li>                                
                                <li><a class="active" href="contacts.html">联系我们</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
        <!-------------------------- 导航条 End -------------------------->
        <!-- 顶部logo 社交联系方式-->
        <div class="container">
            <div class="section-type-a">
                <div class="contact-info">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="contacts-item">
                                <i class="icon pe-7s-map-marker color-primary"></i>
                                <div class="decor-center bg-primary"></div>
                                <div class="contacts-item__title">公司地址</div>
                                <div class="contacts-item__info">上海市徐汇区XXX路XXX号</div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="contacts-item">
                                <i class="icon pe-7s-call color-7"></i>
                                <div class="decor-center bg-7"></div>
                                <div class="contacts-item__title">联系方式</div>
                                <div class="contacts-item__info">市场 : 021-88888888 <br>人力 : 021-88888888</div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="contacts-item">
                                <i class="icon pe-7s-mail-open-file color-13"></i>
                                <div class="decor-center bg-13"></div>
                                <div class="contacts-item__title">公司邮箱</div>
                                <div class="contacts-item__info">market@tuoguan.com <br>hr@tuoguan.com</div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="contacts-item">
                                <i class="icon pe-7s-clock color-3"></i>
                                <div class="decor-center bg-3"></div>
                                <div class="contacts-item__title">办公时间</div>
                                <div class="contacts-item__info">周一 ~ 周五 : 9.00 ~ 17.00
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="map" class="map">
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                    <html xmlns="http://www.w3.org/1999/xhtml">

                    <head>
                        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
                        <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
                        <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
                        <title>百度地图API自定义地图</title>
                        <!--引用百度地图API-->
                        <style type="text/css">

                        </style>
                        <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
                    </head>

                    <body>
                        <!--百度地图容器-->
                        <div style="width:100%;height:500px;border:#ccc solid 1px;" id="dituContent"></div>
                    </body>
                    <script type="text/javascript">
                        //创建和初始化地图函数：
                        function initMap() {
                            createMap(); //创建地图
                            setMapEvent(); //设置地图事件
                            addMapControl(); //向地图添加控件
                        }

                        //创建地图函数：
                        function createMap() {
                            var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
                            var point = new BMap.Point(121.492716, 31.217413); //定义一个中心点坐标
                            map.centerAndZoom(point, 17); //设定地图的中心点和坐标并将地图显示在地图容器中
                            window.map = map; //将map变量存储在全局
                        }

                        //地图事件设置函数：
                        function setMapEvent() {
                            map.enableDragging(); //禁用地图拖拽事件
                            map.disableScrollWheelZoom(); //禁用地图滚轮放大缩小，默认禁用(可不写)
                            map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
                            map.disableKeyboard(); //禁用键盘上下左右键移动地图，默认禁用(可不写)
                        }

                        //地图控件添加函数：
                        function addMapControl() {}


                        initMap(); //创建和初始化地图
                    </script>

                    </html>
                </div>
                <!-- end wrap-content-->
            </div>
        </div>
        <!--页脚-->


        <div class="weixin-bg" onmousedown="removeWeixin()"></div>
        <div class="weixin-wapper">
            <img src="../images/wx.png" alt="微信 weixin" />
        </div>
    </div>
    <script src="http://cdn.bootcss.com/jquery/2.1.2/jquery.min.js"></script>
    <!-- <script src="assets/js/separate-js/custom.js"></script> -->
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
    <script src="../assets/js/footer.js"></script>
    <script>
    </script>
    <!-- 页脚部分 Start -->
    <div class="footer">
        <div class="footer-wrap">
            <div class="copy">COPYRIGHT &copy; 2017 TUOGUAN COPYRIGTHS RESERVED</div>
            <div class="quick">
                <a href="http://www.miibeian.gov.cn/" target="_blank">浙ICP备11004507号-1</a> &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="contacts.html">联系我们</a> &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:showWeixin()" class="weixin">微信公众号</a>
            </div>
        </div>
    </div>
    <!-- 页脚部分 End -->
</body>

</html>